<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>转换时间案例</title>
</head>
<body>
<h3>转换时间案例</h3>
<p>
需求： 用户输入秒数，可以自动转换为时分秒 <br>
分析： <br>
①： 用户输入总秒数 （注意默认值） <br>
②：计算时分秒（封装函数） 里面包含数字补0 <br>
③：打印输出
</p>
<p>
计算公式：计算时分秒 <br>
小时： h = parseInt(总秒数 / 60 / 60 % 24) <br>
分钟： m = parseInt(总秒数 / 60 % 60 ) <br>
秒数:  s = parseInt(总秒数 % 60) <br> <br>

parseInt() // 是转换成字符串,并且只要整数部分
</p>
<hr>

<script>
    // 弹窗输入秒数
    let 秒数 = 0
    // 循环验证, 输入是否正确
    while (true) {
        秒数 = +prompt('请输入秒数: ') // + 是转换成 数字类型
        if (秒数 > 0) {
            break // 输入正确退出循环
        } else {
            alert(`请输入正确的数字`)
        }
    }
    // 定义一个变量,接收函数的返回值
    let 函数返回值 =  函数_秒数转换成小时分钟(秒数)
    document.write(函数返回值) // 输出到页面

    // 声明函数
    function 函数_秒数转换成小时分钟(秒数) {
        // 计算时分秒
        let 时 = 秒数 / 60 / 60 % 24 // 取余, 余数就是 时或分钟 数, 秒同理
        let 分 = 秒数 / 60 % 60
        let 秒 = 秒数 % 60
        时 = parseInt(时) // 转换数字成字符串, 不带小数部分
        分 = parseInt(分)
        秒 = parseInt(秒)

        // 如果是个位数的, 就在前面补0
        if (时 <= 9){
            时 = '0' + parseInt(时)
        }

        if (分 <= 9) {
            分 = '0' + parseInt(分)
        }

        if (秒 <= 9) {
            秒 = '0' + parseInt(秒)
        }

        // 函数的返回值
        return `<h3>转换完毕之后是: ${时}小时${分}分${秒}秒</h3>` // 注意: 是 反引号
    }
</script>
</body>
</html>